body {
    min-width: 1300px;
}

* {
    margin: 0;
    padding: 0;
}
.header{
    width: 100%;
    height: 48px;
    background-color: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo{
    width: 960px;
    height: 48px;
    background-color: #f1f1f1;
    display: flex;
    align-items: center;

}
.logo-left{
    width: 106.65px;
    height: 24px;
    margin-right: 8px;
    display: flex;
   
}
.hwid-uc-separator{
    color: #d1d1d1;
    width: 3.327px;
    height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px;
    margin-right: 8px;
}
.content{
width: 100%;
height: 647px;
background-color: #ffffff;
}
.content-top{
    width: 100%;
    height: 41.6px;
    padding-top: 100px;
    padding-bottom: 80px;
    display: flex;
    justify-content: center;
}
.content-bottom{
    width: 100%;
    height: 425.6px;
    display: flex;
    justify-content: center;
}
.content-left{
    width: 360px;
    height: 276px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.content-left-top{
    border-radius: 10px;
    width: 160px;
    height: 160px;
    padding: 20px;
    background-color: #f7f7f7;
  
}
.content-left-bottom{
    
    font-size: 12px;
    width: 360px;
    height: 22px;
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-bottom>span{
    background-color: #e5e5e5;
    margin-left: 60px;
    margin-right: 60px;
}
.content-right{
    width: 360px;
    height: 425.6px;
    display: flex;
    flex-direction: column;
}
.content-right-top{
   
    width: 360px;
    height: 126px;
    display: flex;
    flex-direction: column;
}
.rest{
    font-size: 16px;
    width: 360px;
    height: 20.8px;
    padding-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rest>span{
    padding-left: 15px;
    padding-right: 15px;
}
.icon{
    width: 360px;
    height: 40px;
    padding-top: 30px;
    padding-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.iconfont{
    
    margin-left: 25px;
    margin-right: 25px;
    background-color: #d8dcdf;
  color: #76828d;
  text-decoration: none;
  padding: 15px;
  margin: 15px;
  border-radius: 50%;
  font-size: 20px;
  transition: all 0.3s;
}
.icon-QQ:hover{
    color: white;
    background-color: #506a7e;
}
.icon-zhifubao:hover{
    color: white;
    background-color: #00aaef;
}
.icon-weixin:hover{
    color: white;
    background-color: #47cc47;
}
.footer{
    width: 100%;
    height: 101px;
    background-color: #f1f1f1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.footer-top{
    width: 100%;
    height: 20.8px;
    display: flex;
    justify-content: center;
}
.footer-top1{
    margin-left: 10px;
    margin-right: 10px;
    
}
.hwid-foot{
    font-size: 16px;
    color: rgba(0,0,0,.1);
}
.footer-top>.a:hover{
    color: black;
}
.footer-bottom{
    color: #a8a8a8;
    width: 100%;
    height: 18.2px;
    margin-top: 14px;
    display: flex;
    justify-content: center;
}